<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>dice</title>
    <link rel="stylesheet" href="css/dice.css"/>
    <script src="js/dice.js"></script>
</head>
<body>
<div class="container">
    <canvas id="canvas" height="300" width="400"></canvas>
    <div class="tips">
        <p>
            玩家扔一对骰子。如果玩家第一次抛出7或11，那么就获胜。如果玩家抛出2、3或12，那么就输了。抛出其他结果（4,5,6,8,9,10），则会记录为玩家的点数，然后继续掷骰子。后面再抛出7就输了，而如果正好又抛出玩家的点数则获胜。对于其他情况，游戏继续，并遵循刚才继续掷骰子的规则。</p>
    </div>

    <div class="btn_container">
        <button id="start" value="click">click</button>
        <span id="result" class="info">Please click</span>
    </div>
</div>
</body>
</html>